<template>
	<view class="content">
		 <view class="uni-padding-wrap uni-common-mt">
            <form @submit="formSubmit" >
				 <view class="uni-form-item uni-column">
                   <view class="txt">
                   	姓名
                   </view>
				   <view class="">
				   	<input class="uni-input" name="input" placeholder="请输入姓名" />
				   </view>
                    
                </view>
				<view class="uni-form-item uni-column">
				   <view class="txt">
				   	性别
				   </view>
				   <view class="">
				  <radio-group name="radio">
                        <label>
                            <radio value="radio1" />保密
                        </label>
                        <label>
                            <radio value="radio2" />男
                        </label>
						<label>
						    <radio value="radio2" />女
						</label>
                    </radio-group>
				  </view>
				    
				</view>
				 <view class="uni-form-item uni-column">
				   <view class="txt">
				   	手机号码
				   </view>
				   <view class="">
				   	<input class="uni-input" name="input" placeholder="" />
				   </view>
				    <view class="">
				    	更换
						<i class="iconfont">&#xe6ab;</i>
						
				    </view>
				</view>
				<view class="uni-form-item uni-column">
				   <view class="txt">
				   	邮箱
				   </view>
				   <view class="">
				   	<input class="uni-input" name="input" placeholder="请输入邮箱" />
				   </view>
				    
				</view>
				
	       <view class="uni-btn-v">
                    <button formType="submit">确定</button>
                    
                </view>
		   </form>
        </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			 formSubmit: function(e) {
            console.log('form发生了submit事件，携带数据为：' + JSON.stringify(e.detail.value))
        },
		}
	}
</script>

<style>
.content{
	width: 96%;
	margin: 0 auto;
}
.uni-btn-v{
	width: 80%;
	margin: 0 auto;
	background: #fff;
	margin-top: 40rpx;
	color: #2BD463;
}
.uni-form-item{
	display: flex;
	justify-content: flex-start;
	font-size: 34rpx;
	padding: 40rpx 20rpx 20rpx 30rpx;
	border-bottom: 2rpx solid #EDEDED;
}
.uni-form-item label{
	margin-left: 20rpx;
}
.uni-form-item .txt{
	margin-right: 50rpx;
}
</style>
